<!doctype html>
<html lang="en">
<head>
	<title>DIY作业</title>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
	<script src="../../script/mes-import.js"></script>
</head>
<style>
	. div_card {
		height: 120px;
		border: 1px solid #eee;
		margin: 1px;
		width:33%;
	}
	.div_card_image {
		width: 230px;height: 230px;margin:5px;
	}
	.pic-dl{
	    position: absolute;
	    bottom: 5px;
	    left: 200px;
	}
</style>

<body id="DiyLists">
<form class="layui-form layui-form-pane" onsubmit="return false;">
	<div id = 'window1'>
	<fieldset class="layui-elem-field layui-field-title">
	</fieldset>
	<div class="layui-row" style="margin-top:20px;">
		<div class="layui-col-xs6" style="text-align:right;">
			<div class="layui-input-inline">
				<label class="layui-form-label">RFID：</label>
				<div class="layui-input-block">
					<input type="text" id="PhotoId" @keyDown="getPhotoByCode" readLocaRfid="vm.getPhotoByCode()" autocomplete="off" placeholder="扫码RFID" class="layui-input">
				</div>
			</div>

		</div>
		<div class="layui-col-xs6" >
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<button type="button" class="layui-btn layui-btn-normal" @click="showDocument">工艺指导文件</button>
			<button type="button" class="layui-btn layui-btn-normal" @click="abnormalReport">异常上报</button>
		</div>
	</div>
		<div style="background:#FFFFFF;height: 100%;width:100%;overflow:hidden; border-top:1px solid #000;border-bottom:1px solid #000";  id = "shows3">
			<div id = 'nameLists'  style="background:#FFFFFF; float:left;margin-right:10px;height: 50%;width:64%;">

			</div>
		</div>
		<div style="background:#FFFFFF;height: 100%;width:100%;overflow:hidden; border-top:1px solid #000;border-bottom:1px solid #000";  id = "shows1">
			<div id = 'DiyPhotoLeft'  style="background:#FFFFFF; float:left;margin-right:10px;height: 50%;width:64%;">

			</div>
			<div id = 'DiyPhotosLeft'  style="background:#FFFFFF; float:left;height: 50%;width:35%;">

			</div>
		</div>

		<div style="background:#FFFFFF;height: 100%;width:100%;overflow:hidden;border-top:1px solid #000;border-bottom:1px solid #000" id ="shows2">
			<div id = 'DiyPhotoRight'  style="background:#FFFFFF; float:left;margin-right:10px;height: 50%;width:64%;">

			</div>
			<div id = 'DiyPhotosRight'  style="background:#FFFFFF; float:left;height: 50%;width:35%;">

			</div>
		</div>
		<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
        width: 100%;height: 100%;background-color: rgba(255,255,255,.9); " >
			<img id="bigimg" src="" />
		</div>

	</div>
</form>
<script type="text/javascript" src="js/diyList.js" >

</script>
</body>
</html>

